// ============================== 导入依赖 ============================== //

const TEN = [...'9876543210']
const NUM = [...TEN, ...TEN.map((x) => `${x}5`), '04', '03', '02', '01']

const MAJOR = [
  'Primary', // 主要颜色
  'Success', // 成功颜色
  'Warning', // 警告颜色
  'Danger', // 危险颜色
  'Info', // 信息颜色
  'Black', // 纯黑颜色
  'White', // 纯白颜色
]
const MINOR = [
  'PrimaryText', // 主要文本
  'RegularText', // 常规文本
  'SecondaryText', // 次要文本
]
const BORDER = [
  'BorderBase', // 基本边框
  'BorderLight', // 较亮边框
  'BorderLighter', // 更亮边框
  'BorderExtralight', // 超亮边框
]

const majorList = MAJOR.map((Name) => [
  `$theme .${Name}Color { color: $${Name} !important; }`,
  `$theme .${Name}BdColor { border-color: $${Name} !important; }`,
  `$theme .${Name}BgColor { background-color: $${Name} !important; }`,
  ...NUM.map((i) => `$theme .${Name}Color${i} { color: rgba($${Name}, 0.${i}) !important; }`),
  ...NUM.map((i) => `$theme .${Name}BdColor${i} { border-color: rgba($${Name}, 0.${i}) !important; }`),
  ...NUM.map((i) => `$theme .${Name}BgColor${i} { background-color: rgba($${Name}, 0.${i}) !important; }`),
].join(' '))

const minorList = MINOR.map((Name) => `$theme .${Name} { color: $${Name} !important; }`)

const borderList = BORDER.map((Name) => `$theme .${Name} { border-color: $${Name} !important; }`)

// ============================== 导出样式 ============================== //

export default [...majorList, ...minorList, ...borderList].join(' ')
